import React from 'react'
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';
import {NavLink,Outlet} from 'react-router-dom'

const Home = () => {
  return (
    <div id="app" >
        
        <div>
          <Outlet></Outlet>
        </div>
        <div>
        <Tabbar>
      <Tabbar.Item icon={<HomeO />}>
        <NavLink to="/home/index">首页</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<Search />}>
      <NavLink to="/home/order">订单</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<FriendsO />}>
      <NavLink to="/home/customer">客服</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<SettingO />}>
      <NavLink to="/home/my">我的</NavLink>
      </Tabbar.Item>
    </Tabbar>
        </div>
        </div>
  )
}

export default Home